<?php
echo importJSCss("nivo-slider/themes/default/default.css", array("media" =>"screen"));
echo importJSCss("nivo-slider/themes/light/light.css", array("media" => "screen"));
echo importJSCss("nivo-slider/themes/dark/dark.css", array("media" => "screen"));
echo importJSCss("nivo-slider/themes/bar/bar.css", array("media" => "screen"));
echo importJSCss("nivo-slider/css/nivo-slider.css", array("media" => "screen"));
?>
<div id="LQ_Slide">
    <div class="slider-wrapper theme-bar">
            <div id="slider" class="nivoSlider">
                <img src="images/slider/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />
                <a href="http://dev7studios.com"><img src="images/slider/up.jpg" data-thumb="images/up.jpg" alt="" title="This is an example of a caption" /></a>
                <img src="images/slider/walle.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />
                <img src="images/slider/nemo.jpg" data-thumb="images/nemo.jpg" alt="" title="#htmlcaption" />
            </div>
            <div id="htmlcaption" class="nivo-html-caption">
                <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. 
            </div>
    </div>
    <?php echo importJSCss("nivo-slider/js/jquery.nivo.slider.js")?>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider({pauseOnHover: false, pauseTime: 3000});
    });
    </script>
</div>